/* css for process boxes */

	.psv .outerpbox{
		width:150px;
		height:105px;
		background:tranparent;
		padding: 5px;
		padding-left: 27px;
	}
	.psv .outerpbox-active{
		width:150px;
		height:148px;
		background:#414141;
	}
	.psv .pbox {
		width:110px;
		height:105px;
		background:#f1f1f1;
		border:5px solid #78B21C;
		border-radius:5px;
		padding-top: 20px;
		padding-left: 5px;
		padding-right: 5px;
		font-size:13px;
		font-weight : bold;
		color:#555;
		text-align: center;
		box-sizing : border-box;
		-moz-box-sizing : border-box;
	}
	.psv .pbox-active {
		border:5px solid orange;
	}
	.psv .pbox-deactive {
		border:5px solid #777;
	}
	.psv .pbox:hover {
		cursor:hand;
	}
	/* css for process boxes */
	
	
	.psv .container {
		position:relative;
		width:164px;
		height:756px;
		border:1px solid #ccc;
		border-radius: 7px;
	}
	.psv .container-expanded {
		width:529px;
	}
	
	.psv .mainflow {
		height:100%;
		width: 164px;
		float:left;
		padding-top:12px;
	}
	
	.psv .details {
		width: 379px;
		left:150px;
		background:#7B7F85;
		padding:20px;
		box-sizing : border-box;
		-moz-box-sizing : border-box;
		display:none;
		position:absolute;
		box-shadow : #ccf;
		z-index:10;
	}
	.psv .itemholder {
		border:1px solid gray;
		width:100%;
		height:100%
	}
	
	.float-left{
		float:left;
	}
	.clear-float{
		clear: both;
	}
	
	
	.psv .header{
		width :339px;
		height :20px;
		background-color:gray;
	}
	
	.psv .header-item {
		width :113px;
		height :20px;
		text-align: center;
		font-weight:bold;
	}
	.psv .taskinfo{
		border:1px solid white;
		box-sizing : border-box;
		-moz-box-sizing : border-box;
		background-color:#333;
		width :339px;
		height :40px;
		margin-top:4px;
	}
	.psv .taskinfo-item {
		width :168px;
		height :20px;
		background-color:transparent;
		text-align: center;
		color:#eee;
		font-size:11px;
		padding-top:2px;
	}
	.psv .taskinfo-summary {
		width :300px;
		height :20px;
		background-color:transparent;
		text-align: center;
		background:#FFF;
	}
	.psv .taskinfo-status {
		width :36px;
		height :20px;
		background-color:transparent;
		text-align: center;
		background:#FFF;
	}
	
	/* css for arrow */
	
	.psv .arrow {
		z-index:1;
		padding-left: 65px;
	}
	.psv .arrow-line{
		width : 20px;
		height:50px;
		background: #78B21C;
		margin-left: 10px;
	}
	.psv .arrow-head{
		width: 0; 
		height: 0; 
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #78B21C;
	}
	
	.psv .arrow-deactive-line{
		background: #ccc;
		
	}
	
	.psv .arrow-deactive-head{
		border-top: 20px solid #ccc;
	}
	
	
	/* css for arrow */
	.psv .popup-arrow-head{
		width: 0; 
		height: 0; 
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-right: 20px solid #7B7F85;
		position:absolute;
		left:-20px;
		top:0px;
		z-index:10;
	}
	
	.psv .flowname {
		padding-left: 40px;
		padding-top: 5px;
		font-weight: bold;
	}